/* 内容开始*/
.content {
    width: 1280px;
    /*height: 1732px;*/
}

.banner {
    width: 100%;
    height: 251px;
}

.link {
    width: 977px;
    margin: 0 auto;
    height: 15px;
    padding-top: 15px;
    padding-bottom: 21px;
}

.intro {
    width: 1070px;
    height: 414px;
    border-bottom: 1px silver solid;
    margin: 0 auto 40px;
}

.intro-left {
    width: 475px;
    height: 414px;
    float: left;

}

.intro-left .img {
    position: relative;
}

.intro-left .img:before {
    content: '';
    width: 26px;
    height: 22px;
    background: url("../images/details/search.png") no-repeat;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.intro-left .img a {
    width: 100%;
    height: 251px;
    display: inline-block;
    text-align: center;
    margin-top: 58px;
}
.intro-left .list ul li {
    float: left;
    margin-top: 8px;
    position: relative;
}
.intro-left .list ul li a{
    width: 94px;
    height: 92px;
    position: relative;
    display: inline-block;
    border-left: 1px silver solid;
    border-top: 1px silver solid;
    border-bottom: 1px silver solid;
}

.intro-left .list ul li img {
    position: absolute;
    /*width: 60px;*/
    /*height: 75px;*/
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.intro-right {
    width: 511px;
    height: 365px;
    float: left;
    border-left: 2px slategray solid;
    padding: 49px 0 0 67px;
}

.xj {
    font-size: 25px;
    color: #468bd9;
    margin-bottom: 10px;
}

.xh {
    font-size: 25px;
    color: #000000;
    margin-bottom: 13px;
}

.ms {
    font-size: 18px;
    margin-bottom: 8px;
}

.jij {
    font-size: 12px;
}

.intro-right ol li {
    font-size: 12px;
    margin: 9px 0;
}

.intro-right ol li:nth-child(1):before {
    content: '1、';
}

.intro-right ol li:nth-child(2):before {
    content: '2、';
}

.intro-right ol li:nth-child(3):before {
    content: '3、';
}

.intro-right ol li:nth-child(4):before {
    content: '4、';
}

.intro-right ol li:nth-child(5):before {
    content: '5、';
}

.buy {
    width: 100%;
    height: 50px;
    padding-top: 15px;
}

.buy a {
    width: 170px;
    height: 50px;
    text-align: center;
    display: inline-block;
    line-height: 50px;
    color: white;
    border-radius: 10px;
}

.buy a:nth-child(1) {
    background-color: #468bd9;
}

.buy a:nth-child(2) {
    background-color: #b5b5b5;
    margin-left: 50px;
}

.product {
    width: 100%;
    height: 100px;
    margin-bottom: 70px;
    background-color: #b5b5b5;
}

.product ul {
    width: 900px;
    margin: 0 auto;
}

.product ul li {
    float: left;
}

.product ul li a {
    display: inline-block;
    width: 97px;
    height: 94px;
    line-height: 94px;
    text-align: center;
    font-size: 21px;
    margin: 0 35px;
    color: white;

}

.product ul li:nth-child(1) a {
    color: #689cdd;
    border-bottom: 7px #3c9cd3 solid;
    background-color: #faf8f8;
}

.product ul li a:hover {
    color: #689cdd;
    border-bottom: 7px #3c9cd3 solid;
    background-color: #faf8f8;
}

.quality {
    width: 1280px;
    height: 562px;
}

.quality .container {
    width: 618px;
    height: 503px;
    text-align: center;
    margin: 0 auto;
}

.head {
    font-size: 34px;
    color: #145ee5;
}

.a-img {
    margin-top: 30px;
}

.quality .container p {
    font-size: 12px;
    color: #b6b6b6;
    margin: 8px 0;
}

.quality .container .a-img img {
    float: left;
}

.quality .container .a-img img:nth-child(1) {
    margin-top: 82px;
}

.dark {
    width: 1280px;
    height: 769px;
}

.dark .container {
    width: 747px;
    height: 708px;
    text-align: center;
    margin: 0 auto;
}

.dark .container p {
    font-size: 12px;
    color: #b6b6b6;
    margin: 8px 0;
}

.message {
    width: 1280px;
}

.message .container {
    width: 737px;
    height: 630px;
    text-align: center;
    margin: 0 auto;
}

.message .container p {
    font-size: 12px;
    color: #b6b6b6;
    margin: 8px 0;
}

.use {
    width: 1280px;
}

.use .container {
    width: 759px;
    height: 649px;
    margin: 0 auto;
}
.use .container .head{
    width: 100%;
    text-align: center;
    font-size: 34px;
    color: #145ee5;
    margin-bottom: 40px;
}
.use .container .item {
    width: 554px;
    height: 520px;
    margin: 0 auto;
    background: url("../images/details/use-center.jpg") no-repeat center center;
}
.use .container .item ul li{
    width: 167px;
    height: 256px;
    text-align: center;

}
.use .container .item ul li:nth-child(2n+1){
    float: right;
}
.use .container .item ul li a{
    display: inline-block;
    width: 167px;
    height: 167px;
    border-radius: 50%;
}
.use .container .item ul li h3{
    color: #145ee5;
}
.use .container .item ul li h3 {
    font-size: 8px;
}

.use .container p {
    font-size: 12px;
    color: #b6b6b6;
    margin: 8px 0;
}

.ggcs {
    width: 100%;
    height: 100px;
    margin-bottom: 70px;
    background-color: #b5b5b5;
}

.ggcs ul {
    width: 900px;
    margin: 0 auto;
}

.ggcs ul li {
    float: left;
}

.ggcs ul li a {
    display: inline-block;
    width: 97px;
    height: 94px;
    line-height: 94px;
    text-align: center;
    font-size: 21px;
    margin: 0 35px;
    color: white;

}
.content .image-table{
    width: 690px;
    height: 814px;
    margin-left: 335px;
    margin-top:104px;
    position: relative;
}
.content .image-table .left-image{
    width:175px;
    padding:164px 0 161px;
    position: absolute;
    left: 0;
}
.content .image-table .left-image img{
    display: block;
    width: 122px;
    height: 172px;
}
.content .image-table .left-image img:first-child{
    margin-bottom: 164px;
    width: 115px;
    height: 155px;
}
.content .image-table .right-table{
    position: absolute;
    right: 0;
    width: 515px;
    text-align: center;
    line-height: 26px;
    color: #5b5250;
    font-size: 9px;
    font-weight: bold;
}
.content .image-table .right-table td:first-child{
    height: 26px;
    width: 83px;
    border:2px solid #dadada;
}
.content .image-table .right-table td:nth-child(2){
    height: 26px;
    width: 107px;
    border:2px solid #dadada;
}
.content .image-table .right-table td:last-child{
    height: 26px;
    width: 313px;
    text-align: left;
    padding-left: 10px;
    border:2px solid #dadada;
}

.more {
    width: 100%;
    height: 100px;
    margin-bottom: 70px;
    background-color: #b5b5b5;
}

.more ul {
    width: 900px;
    margin: 0 auto;
}

.more ul li {
    float: left;
}

.more ul li a {
    display: inline-block;
    width: 97px;
    height: 94px;
    line-height: 94px;
    text-align: center;
    font-size: 21px;
    margin: 0 35px;
    color: white;

}

.plan {
    width: 1280px;
    margin: 0 auto 123px;
}

.plan ul {
    width: 1049px;
    height: 166px;
    margin: 0 auto;
}

.plan ul li {
    float: left;
    width: 130px;
    height: 170px;
    margin: auto 35px;
}